<!DOCTYPE html>
<html>

<head>
  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width,initial-scale=1.0">
  <link rel="icon" href="<%= BASE_URL %>icon.ico">
  <title><%= VUE_APP_TITLE %></title>
  <style>
    html,
    body,
    #app {
      height: 100%;
      margin: 0px;
      padding: 0px;
    }

    .d2-home {
      background-color: #303133;
      height: 100%;
      display: flex;
      flex-direction: column;
    }

    .d2-home__main {
      width: 100%;
      flex-grow: 1;
      display: flex;
      justify-content: center;
      align-items: center;
      flex-direction: column;
    }

    .d2-home__footer {
      width: 100%;
      flex-grow: 0;
      text-align: center;
      padding: 1em 0;
    }

    .d2-home__footer>a {
      font-size: 12px;
      color: #ABABAB;
      text-decoration: none;
    }

    .d2-home__loading {
      height: 32px;
      width: 32px;
      margin-bottom: 20px;
    }

    .d2-home__title {
      color: #FFF;
      font-size: 14px;
      margin-bottom: 10px;
    }

    .d2-home__sub-title {
      color: #ABABAB;
      font-size: 12px;
    }
  </style>
  <script>
    var _hmt = _hmt || [];
    var hmid = "2825bdd3a1bb999241ba693d9947e755";
    (function () { var hm = document.createElement("script"); hm.src = "https://hm.baidu.com/hm.js?" + hmid; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(hm, s); })();
  </script>
</head>

<body>
  <noscript>
    <strong>
      Sorry, without JavaScript support, D2Admin will not work properly. Please enable JavaScript in your browser to
      continue. </strong>
  </noscript>
  <div id="app">
    <div class="d2-home">
      <div class="d2-home__main">
        <img class="d2-home__loading" src="./image/loading/loading-spin.svg" alt="loading">
        <div class="d2-home__title">
          Loading resources
        </div>
        <div class="d2-home__sub-title">
          It may take more time to load resources for the first time, please be patient </div>
      </div>
      <div class="d2-home__footer">
        <a href="https://gitee.com/duisburg/due_admission_web" target="_blank">
          https://gitee.com/duisburg/due_admission_web
        </a>
      </div>
    </div>
  </div>
</body>

</html>